@charset "utf-8";

/* pc导航 */
.header{width:100%;height:8.0rem;background-color:white;position:relative;position:fixed;left:0;top:0;z-index:9999;}
.header h1{width:163px;height:16px;padding-top:2rem;}
.header .nav ul>li{float:left;font-size:1.4rem;position:relative;border-right:1px solid #cccccc;height:3rem;margin-top:2.5rem;line-height:3rem;}
.header .nav ul>li:last-child{border-right:none;}
.header .nav ul>li>a{display:block;color:#333333;padding:0 45px;font-family:'sylight';}
.header .nav ul>li>a hr{width:100%;height:0.3rem;background:#dcbc91;border:none;float:left;margin-top:-1.3rem;display:none;}
.header .nav ul>li>a.active hr{display:block;}
.header .nav ul>li>a:hover hr{display:block;}
.header .nav ul>li:hover ol{display:block;}
.header .nav ul>li>ol{display:none;position:absolute;left:0;top:3rem;z-index:99;width:100%;background-color:rgba(246,246,246,1);}
.header .nav ul>li>ol>li{text-align:center;height:3.0rem;line-height:3.0rem;}
.header .nav ul>li>ol>li>a{color:#9d9d9d;font-size:1.3rem;display:block;position:relative;font-family:'synl';}
.header .nav ul>li>ol>li>ol{display:none!important;position:absolute;left:100%;z-index:99;width:100%;margin-top:-3rem;color:#9d9d9d;background-color:rgba(246,246,246,1);}
.header .nav ul>li>ol>li:hover ol{display:block!important;}
.header .nav ul>li>ol>li>ol>li:hover{background:#FFFFFF;}
.header .nav ul>li>ol>li>ol>li:hover a{color:#000000;}
.header .nav ul>li>ol>li>ol>li{width:100%;height:auto;}
.header .nav ul>li>ol>li>ol>li>a{color:#9D9D9D;}
.header .nav ul>li>ol>li>a:after{content:'';position:absolute;left:10%;top:20%;width:30px;height:21px;}
.header .nav ul>li>ol>li>a:hover{background-color:#ffffff;color:black;}


/* 搜索 */

.header .search {
	width: 30px;
	height: 24px;
	background-image: url(../../images/home/search.png);
	position: absolute;
	right: 3%;
	top: 40%;
}

#show {
	display: none;
}

#zhegai {
	display: none;
}

.search-box {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0%;
	z-index: 99;
	background: rgba(0, 0, 0, .7);
	display: none;
}

.search-box #close {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 20%;
	top: 10%;
	cursor: pointer;
}

.search-box form {
	width: 100%;
	position: absolute;
	left: 32%;
	top: 40%;
}

.search-box form input {
	width: 30%;
	height: 60px;
	margin: 0 auto;
	background: white;
	padding-left: 1%;
	font-size: 14px;
}

.search-box form button {
	width: 8%;
	height: 60px;
	background-color: #000000;
	color: #ffffff;
	border: 2px solid #cccccc;
	font-size: 18px;
}


/*搜索结果列表*/

.searchlist {
	width: 100%;
	padding-top: 5rem;
	padding-bottom: 5rem;
	float: left;
	text-align: center;
}

.searchlist h2 {
	font-size: 2.6rem;
	color: #1a1a1a;
	background-color: #e7e7e7;
	border-left: 18px solid #8e4046;
	padding-left: 2rem;
	height: 6rem;
	line-height: 6rem;
	position: relative;
	text-align: left;
}

.searchlist h2 span {
	color: #808080;
	padding-left: 4rem;
	text-transform: uppercase;
}

.searchlist ul {
	padding-top: 6rem;
}

.searchlist ul li {
	width: 25%;
	float: left;
	margin-bottom: 2%;
}

.searchlist ul li a .text {
	width: 94%;
	margin: 0 auto;
	background-color: #e7e7e7;
}

.searchlist ul li a .text h3 {
	color: #1a1a1a;
	font-size: 1.6rem;
	padding: 1rem;
	text-align: justify;
	text-justify: inter-ideograph;
	/* ie */
}

.searchlist ul li a .text h3:hover {
	color: #af272d;
	text-decoration: underline;
}


/* 手机导航 */

.mheader {
	display: none;
	width: 100%;
	height: 6rem;
	background-color: #fff;
	position: relative;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}

.mheader .m_logo {
	width: 120px;
	height: 32px;
	padding-left: 1.5rem;
    padding-top: 1.5rem;
}

.mheader .m_search {
	width: 45px;
	height: 36px;
	background-image: url(../../images/home/m_search.png);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 2%;
	top: 25%;
}

.mheader .show {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}

.mheader .show .show_logo a {
	display: block;
	margin-top: 35px;
	width: 245px;
	height: 0;
	padding-top: 34px;
	background-image: url(../../images/home/foot_logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	color: #ffffff;
	margin-bottom: 35px;
}

.mheader .show .close {
	width: 32px;
	height: 32px;
	background-image: url(../../images/home/close.png);
	background-size: cover;
	position: absolute;
	right: 4%;
	top: 5%;
}

.mheader .show {
	display: none;
}

.mheader .show .box {
	width: 80%;
	margin: 100px auto 0;
}

.mheader .show .box .mnav>h2,.mheader .show .box .mnav>a>h2 {
	border-bottom: 1px solid #646565;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	position: relative;
	font-weight: normal;
	color: white;
}

.mheader .show .box .mnav>h2:after {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../../images/home/jia.png);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
}

.mheader .show .box .mnav>h2.open:after {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../../images/home/jian.png);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
}

.mheader .show .box .mnav>h2>a {
	color: #ffffff;
}

.mheader .show .box .mnav>ol {
	display: none;
}

.mheader .show .box .mnav>ol li {
	width: 100%;
	background-color: #484848;
	z-index: 999;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

.mheader .show .box .mnav>ol li a {
	color: #ffffff;
	position: relative;
	display: block;
}

.mheader .show .box .mnav>ol li a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 10%;
	width: 30px;
	height: 21px;
}

.mheader .show .box .mnav>ol:nth-of-type(2) li:nth-child(1) a:after {
	background: url(../../images/home/nav1.png) no-repeat;
}

.mheader .show .box .mnav>ol:nth-of-type(2) li:nth-child(2) a:after {
	background: url(../../images/home/nav2.png) no-repeat;
}

.mheader .show .box .mnav>ol:nth-of-type(2) li:nth-child(3) a:after {
	background: url(../../images/home/nav3.png) no-repeat;
}

.mheader .show .box .mnav>ol:nth-of-type(2) li:nth-child(4) a:after {
	background: url(../../images/home/nav4.png) no-repeat;
}

.mheader .show .box .mnav>ol:nth-of-type(2) li:nth-child(5) a:after {
	background: url(../../images/home/nav5.png) no-repeat;
}

.mheader .show .box .mnav>ol:nth-of-type(2) li:nth-child(6) a:after {
	background: url(../../images/home/nav6.png) no-repeat;
}

.mheader .show .box .mnav>ol:nth-of-type(2) li:nth-child(7) a:after {
	background: url(../../images/home/nav7.png) no-repeat;
}

.pcbanner {
	margin-top: 8rem;
}

.pcbanner .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 40px;
}

.pcbanner .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 40px;
}
.pcbanner .swiper-slide img{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.pcbanner .swiper-slide-active img{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}

/* 手机banner */

.mbanner {
	margin-top: 9rem;
	display: none;
}

.index_about {
	float: left;
	height: auto;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 10rem 0;
}
.about_contain>a {
	display: block;
	height: 1rem;
	float: right;
	line-height: 1rem;
	font-size: 1rem;
	color: #1a1a1a;
	margin-bottom: 4rem;
}

.about_contain>a>img {
	float: right;
	height: 100%;
	width: auto;
}

.contain_about{float:left;width:100%;height:auto;}
.contain_about h1{width:25%;height:auto;position:absolute;margin-top:8rem;font-size:5rem;padding:0.5rem 0;letter-spacing:1px;z-index:2;font-weight:400;font-family:'sylight';margin-left:7%;}
.contain_about h1 img{width:100%;height:auto;}
.contain_about h1 span{font-weight:bold;font-family:'sybold';}
.contain_about_left{float:left;width:35%;height:auto;margin-top:16.5rem;}
.contain_about_left h3{font-size:2.2rem;float:left;height:auto;width:80%;font-weight:500;margin-left:20%;}
.contain_about_left p{width:50%;height:auto;margin-left:20%;float:left;line-height:3rem;color:#4d4d4d;font-family:'sylight';font-size:1.3rem;z-index:2;position:relative;margin-top:12.5rem;}
.contain_about_left h5{width:70%;float:left;text-align:left;font-size:1rem;font-family:'sysc';letter-spacing:0.2px;margin-top:11.2rem;margin-left:20%;font-weight:500;color:#1b1b1b;}
.contain_about_right{float:right;width:65%;position:relative;z-index:1;height:auto;}

.contain_about2{float:left;width:100%;height:auto;}
.contain_about2 h1{float:right;width:25%;height:auto;text-align:right;position:absolute;right:0px;margin-top:8rem;font-size:5rem;padding:0.5rem 0;letter-spacing:1px;z-index:2;font-weight:400;font-family:'sylight';margin-right:7%;display:flex;align-items:center;justify-content:flex-end;}
.contain_about2 h1 img{width:115px;height:39px;}
.contain_about2 h1 span{font-weight:bold;font-family:'sybold';}
.contain_about_right2{float:right;width:35%;height:auto;margin-top:16.5rem;text-align: right;}
.contain_about_right2 h3{font-size:2.2rem;float:right;height:auto;width:80%;font-weight:500;margin-right:20%;}
.contain_about_right2 p{width:50%;height:auto;margin-right:20%;float:right;line-height:3rem;color:#4d4d4d;font-family:'sylight';font-size:1.3rem;z-index:2;position:relative;margin-top:12.5rem;}
.contain_about_right2 h5{width:70%;float:right;text-align:right;font-size:1rem;font-family:'sysc';letter-spacing:0.2px;margin-top:11.2rem;margin-right:20%;font-weight:500;color:#1b1b1b;}
.contain_about_left2{float:left;width:65%;position:relative;z-index:1;height:auto;}

.index_p {
	float: left;
	width: 100%;
	padding: 40px 0;
}

.index_p p {
	width: 70%;
	float: left;
	margin-left: 15%;
	text-align: left;
	font-size: 1.2rem;
	font-size: 'sysc';
	letter-spacing: 2px;
}

.index_product {
	width: 100%;
	height: auto;
	float: left;
}

.index_product_kuang {
	float: left;
	width: 9.5%;
	margin-left: 77.2%;
	height: 13rem;
	padding: 4rem 20px 2rem 20px;
	border-top: 5px solid black;
	border-left: 5px solid black;
	border-right: 5px solid black;
	margin-top: 25rem;
}

.index_product_kuang li a {
	color: #1a1a1a;
	font-family: 'syre';
	line-height: 2.5rem;
	letter-spacing: 1px;
	font-weight:600;
	font-size: 1.5rem;
	
}

.index_product_left {
	float: left;
	width: 28%;
	margin-right: 7%;
	height: auto;
	margin-left: 15%;
	margin-top:43rem;
}

.index_product_left h1 {
	font-size: 5rem;
	font-weight: 100;
	width: 100%;
	text-align: left;
	font-family: 'sylight';
	height: auto;
	margin-top: 5rem;
	float: left;
}

.index_product_left h1 span {
	font-weight: bold;
	font-family: 'syre';
}

.index_product_left h3 {
	font-size: 1.7rem;
	padding: 1.5rem 0 4rem 0;
	float: left;
	font-family: 'syre';
	width: 100%;
	font-weight: 500;
}

.index_product_left p {
	font-size: 1rem;
	line-height: 2.5rem;
	width: 75%;
	margin-top:3rem;
	color:#4d4d4d;
	font-family: 'sylight';
}

.index_product_right {
	width: 35%;
	float: left;
	height: auto;
	margin-left: 5%;
	overflow: hidden;
	margin-top:25.5rem;
}

.index_product_left_a {
	width: 20%;
	height: auto;
	float: left;
	margin-top: 8rem;
}

.index_product_left_a>span {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	border-radius: 50%;
	background: #000000;
	box-shadow: 2px 1px 3px #000000;
}

.index_product_left_a a {
	display: block;
	float: left;
	color: #000000;
	margin-top: -35px;
	height: 20px;
	line-height: 20px;
}

.index_product_left_a a img {
	float: left;
	width: auto;
	height: 6px;
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 5px;
}

.index_product_left_a a span {
	color: #fff;
}

.index_product_left_a a:hover img {
	margin-left: 15px;
	margin-right: 0px;
	transition-duration: 1s linear;
}

.index_product_bottom {
	float: left;
	width: 100%;
	height: auto;
	background-image: url(../../images/home/index_product_bottom.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-top: 100px;
}

.index_product_bottom p {
	text-align: center;
	width: 50%;
	height: auto;
	margin: 0 25%;
	float: left;
	line-height: 2.5rem;
	font-size: 1rem;
	letter-spacing: 1px;
	margin-top: 12rem;
	color:#4d4d4d;
}

.index_product_bottom h5 {
	text-align: center;
	width: 70%;
	margin: 0 15%;
	color: #98735d;
	font-size: 1rem;
	letter-spacing: 2rem;
	float: left;
	font-weight: 100;
	margin-top: 32rem;
	margin-bottom: 7rem;
}

.index_product_list{width:100%;height:auto;float:left;}
.index_product_list ul{width:74%;float:left;height:auto;margin:20px 13% 50px 13%;}
.index_product_list ul li{width:24%;float:left;margin-right:calc(4% / 3);height:auto;background:#f0f0f0;padding:30px 0 30px 0;margin-top:30px;}
.index_product_list ul li:nth-child(4n){margin-right:0;}
.index_product_list ul li img{float:left;width:40%;height:auto;margin-left:30%;}
.index_product_list ul li p{text-align:center;width:100%;height:auto;color:#9d9d9d;float:left;font-size:1.4rem;}
.index_product_list ul li:hover{background:#000000;color:#FFFFFF;}
.index_product_list ul li:hover p{color:white}

.index_material_science{max-width:1400px;margin:100px auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.index_material_science>div{margin-bottom:20px;width:calc(50% - 10px);}
.index_material_science>div:first-child{width:100%;}

.index_banner{width:100%;height:auto;padding:2.6rem 0;background-image:url(../../images/home/index_banner_back.jpg);background-size:100% auto;float:left;}
.index_banner p{width:100%;height:auto;text-align:center;font-size:1.5rem;letter-spacing: 3rem;color:white;text-transform:uppercase;}


.index_product_case {
	width: 95%;
	padding: 100px 0 100px 5%;
	float: left;
	height: auto;
}

.product_case_left {
	width: 15%;
	height: auto;
	float: left;
	background: #f0f0f0;
	border-radius: 1rem;
	padding: 5rem 0;
}

.product_case_left img {
	width: 30%;
	float: left;
	margin: 0 35%;
}

.product_case_left h3 {
	width: 100%;
	text-align: center;
	font-size: 2rem;
	margin-top: 20px;
	float: left;
	font-weight: 100;
	color: #333333;
}

.product_case_left p {
	width: 100%;
	height: auto;
	text-align: center;
	color: #333333;
}

.index_product_case .swiper2 {
	float: left;
	width: 80%;
	margin-left: 5%;
	height: auto;
}
.index_product_case ul{
	width: 100%;
	height: auto;
}
.swiper-wrapper{
	transition-timing-function:linear!important;
}
.index_product_case ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
	overflow: hidden;
}

.index_product_case ul li:last-child {
	margin-right: 0;
}

.index_product_case ul li:hover img {
	transform: scale(1.2);
	transition-duration:all 0.4s ease 1.2s;
}

.index_case {
	width: 100%;
	height: auto;
	float: left;
	padding: 100px 0;
}

.index_case h1 {
	font-size: 5rem;
	font-weight: 100;
	margin-left: 35%;
	width: 30%;
	height: auto;
	text-align: center;
	font-family: 'sylight';
}

.index_case h1 span {
	font-family: 'sybold';
	font-weight: bold;
}

.index_case h4 {
	font-size: 2rem;
	width: 100%;
	height: auto;
	text-align: center;
	font-weight: 100;
	margin: 20px 0;
}

.index_case p {
	font-size: 1rem;
	line-height: 2rem;
	width: 50%;
	margin: 30px 25%;
	text-align: center;
	letter-spacing: 1px;
	color:#4d4d4d;
	font-family: 'sylight';
}

.index_case a {
	display: block;
	text-align: center;
	float: left;
	width: 5%;
	margin: 50px 47.5% 0;
	height: auto;
}
.index_case a .button_b{
	display: none;
}
.index_case a:hover .button_b{
	display: block;
}
.index_case a:hover .button_a{
	display: none;
}
footer {
	float: left;
	width: 100%;
	height: auto;
	background: black;
	padding: 100px 13%;
}

.foot_left {
	width: 25%;
	float: left;
	height: auto;
}

.foot_left p {
	width: 100%;
	height: 3rem;
	float: left;
	color: white;
	line-height: 3rem;
	font-size: 1.5rem;
}

.foot_left p img {
	width: auto;
	height: 2.5rem;
	margin-top:0.25rem;
	float: left;
	margin-right: 5%;
}

.foot_left>img {
	float: left;
	width: auto;
	height: auto;
	margin-top: 5rem;
}

.foot_center{float:left;width:30%;margin-left:15%;margin-top:5rem;}
.foot_center ul{float:left;width:100%;height:auto;}
.foot_center ul li{width:20%;height:auto;float:left;text-align:center;color:white;margin-bottom:20px;}
.foot_center ul li a{display:inline-block;color:white;font-size:1.5rem;}
.foot_center ul li a hr{width:100%;float:left;margin-top:-0.6rem;height:0.5rem;border:none;background:#dcbc91;}
.foot_center ul li ul{width:100%;height:auto;float:left;}
.foot_center ul li ul li{width:100%;height:3.5rem;line-height:3.5rem;float:left;text-align:center;}
.foot_center ul li ul li a{font-size:0.9rem;text-align:center;color:#cccccc;}
.foot_copyright{padding:0.5rem 13% 1rem;background-color:black;color:white;font-size:12px;text-align: center;}
.foot_copyright a{color:white;font-size:12px;}

.product_nav {
	width: 50%!important;
}

.foot_right {
	width: 10%;
	float: left;
	margin-left: 20%;
	height: auto;
}

.foot_right img {
	width: 80%;
	max-width:120px;
	float: left;
	margin-left: 10%;
	height: auto;
}

.foot_right p {
	float: left;
	font-size: 0.6rem;
	width: 100%;
	text-align: center;
	color: white;
	margin-top: 10px;
}

.nav_banner {
	width: 100%;
	height: auto;
	float: left;
}


/*about*/

.about_guanyu {
	width: 100%;
	background: #000000;
	float: left;
	height: auto;
	margin: 60px 0;
}
.about_guanyu .about_guanyu_h1_img{
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.about_guanyu p {
	width: 25%;
	height: auto;
	margin-left: 17.8%;
	float: left;
	line-height: 3rem;
	color:#4d4d4d;
	letter-spacing: 1px;
	font-family: 'sylight';
	font-size: 1.25rem;
	z-index: 2;
	position: relative;
	margin-top:-45rem;
}
.about_guanyu .about_guanyu_h3_img{
	float: left;
	margin-left: 17.8%;
	width: 7%;
	height: auto;
	position: relative;
	z-index: 2;
	margin-top:-22rem;
}

.guanyu_left {
	width: 45%;
	height: auto;
	float: left;
}

.guanyu_right {
	width: 55%;
	float: left;
	height: auto;
	overflow: hidden;
}
.guanyu_right ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: none;
}
.guanyu_right ul li.active{
	display: block;
}
.guanyu_right img:hover {
	transform: scale(1.2);
	transition-duration: 2s all;
}

.guanyu_left ul {
	width: 50%;
	float: left;
	margin-left: 10%;
	height: auto;
	margin-top: 12rem;
}

.guanyu_left ul li {
	padding: 0 5%;
	float: left;
	height: auto;
	font-size: 1.3rem;
}

.guanyu_left ul li hr {
	float: left;
	width: 100%;
	height: auto;
	height: 5px;
	background: #dcbc91;
	border: none;
	margin-top: -5px;
	display: none;
}
.guanyu_left ul li>div{
	display: none;
}
.guanyu_left ul li.active hr{
	display: block;
}
.guanyu_left ul li.active>div{
	display: block;
}
.guanyu_left h3 {
	font-size: 2.5rem;
	font-weight: 100;
	margin-top: 26rem;
	width: 90%;
	margin-left: 10%;
	float: left;
}

.guanyu_left h1 {
	font-size: 4rem;
	width: 65%;
	margin-right: 25%;
	float: left;
	height: auto;
	margin-left: 10%;
	margin-top: 3rem;
}

.guanyu_left p {
	width: 20%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-top: 10rem;
	font-size: 1rem;
	line-height: 1.5rem;
}

.guanyu_left p span {
	border-bottom: 1px solid #000000;
}

.about_jianjie {
	width: 80%;
	height: auto;
	padding: 100px 10%;
	float: left;
}

.jianjie_title {
	width: 55%;
	height: auto;
	float: left;
}

.jianjie_title h1 {
	width: 80%;
	margin-left: 10%;
	float: left;
	font-size: 5rem;
	font-family: 'sylight';
}

.jianjie_title h3 {
	width: 30%;
	float: left;
	margin-left: 2%;
	text-align: left;
	height: auto;
	font-size: 2.5rem;
	font-weight: 100;
	margin-top: 2.6rem;
}

.jianjie_title p {
	width: 90%;
	margin-left: 10%;
	float: left;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #4d4d4d;
	margin-top: 3rem;
	text-align: left;
}

.jianjie_img {
	float: left;
	width: 45%;
	height: auto;
}

.jianjie_img img {
	width: 35%;
	height: auto;
	float: left;
}

.jianjie_img img:first-child {
	margin-left: 35%;
	margin-top: 8rem;
}

.jianjie_img img:last-child {
	margin-left: -15%;
	margin-top: 4.5rem;
}

.about_choose {
	width: 100%;
	height: auto;
	float: left;
}

.chose_left {
	float: left;
	margin-left: 10%;
	width: 40%;
	height: auto;
	overflow: hidden;
	margin-top: 10rem;
	z-index: 1;
}

.chose_right {
	float: left;
	width: 50%;
	margin-left: -10%;
	height: auto;
	margin-top: 10rem;
	z-index: 10;
}

.chose_right>p {
	font-size: 1rem;
	color: #4d4d4d;
	width: 50%;
	margin-left: 30%;
	float: left;
	margin-top: 5rem;
	line-height: 2rem;
	font-family: 'sylight';
	letter-spacing: 1px;
}

.chose_right_contain {
	float: left;
	width: 100%;
	height: auto;
	background-image: url(../../images/home/chose_about1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 7rem;
	padding: 10.39rem 0;
}

.chose_right_contain_left {
	width: 50%;
	height: auto;
	float: left;
	background-color: rgba(255, 255, 255, 0.5);
}

.chose_right_contain_left p {
	float: left;
	margin-left: 10%;
	width: 30%;
	font-family: 'sysc';
	height: auto;
	margin-top: 35rem;
	margin-bottom: 8.5rem;
}

.chose_right_contain_left span {
	border-bottom: 1px solid #000000;
}

.chose_right_contain_right {
	width: 40%;
	height: auto;
	float: left;
	background: #f6f6f6;
}

.chose_right_contain_right h1 {
	font-size: 2.7rem;
	margin-left: 10%;
	text-transform: uppercase;
	margin-top: 5rem;
	font-family: 'sybold';
	font-weight: bold;
}

.chose_right_contain_right h3 {
	margin-left: 10%;
	font-size: 2rem;
	font-weight: 500;
	margin-top: 6rem;
}

.chose_right_contain_right p {
	width: 75%;
	text-align: left;
	float: left;
	font-size: 1.2rem;
	font-family: 'sylight';
	line-height: 2.24rem;
	margin: 1rem 10% 7rem 10%;
	letter-spacing: 1px;
}

.chose_right_contain_right span {
	display: block;
	float: left;
	margin-left: 10%;
	font-family: 'sysc';
	font-size: 1.3rem;
	margin-bottom: 4.75rem;
}

.about_bottom {
	width: 100%;
	height: auto;
	float: left;
	margin: 100px 0;
	background: #89898f;
}

.about_bottom_left {
	float: left;
	width: 50%;
	height: auto;
	overflow: hidden;
}

.about_bottom_left img:hover {
	transform: scale(1.25);
	transition-duration: 2s all;
}

.about_bottom_right {
	width: 50%;
	float: left;
	height: auto;
}

.about_bottom_right h1 {
	color: white;
	font-size: 5rem;
	font-weight: 10;
	width: 50%;
	float: left;
	margin-left: 10%;
	margin-top: 10rem;
	font-family: 'sylight';
}

.about_bottom_right h1 span {
	font-weight: bold;
	font-family: 'syre';
}

.about_bottom_right h3 {
	color: white;
	width: 90%;
	height: auto;
	float: left;
	margin-left: 10%;
	font-size: 2rem;
	font-weight: 100;
	padding: 2rem 0;
}

.about_bottom_right p {
	width: 55%;
	margin-left: 10%;
	color: white;
	float: left;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 3rem;
	margin-top: 4rem;
	font-family: 'sylight';
}

.case_banner {
	width: 100%;
	height: 5rem;
	background: #2c2a2a;
	float: left;
}

.case_contain {
	width: 90%;
	height: auto;
	margin: 100px 5% 250px 5%;
	float: left;
}
.case_contain1 {
	width: 90%;
	height: auto;
	margin: 100px 5% 250px 5%;
	float: left;
}
.case_contain h1 {
	width: 43%;
	font-size: 4rem;
	float: left;
	height: auto;
	line-height: 3.5rem;
	margin-left: 50.5%;
}
.case_contain1 h1 {
	width: 38%;
	font-size: 4rem;
	float: left;
	height: auto;
	line-height: 3.5rem;
	margin-left: 22%;
}
.case_contain h3 {
	width: 15%;
	height: auto;
	float: left;
	margin-left: 4.5%;
	font-size: 1.9rem;
	margin-top: 5rem;
	font-weight: 300;
}

.case_contain>p {
	width: 30%;
	float: left;
	height: auto;
	letter-spacing: 1px;
	font-size: 1rem;
	line-height: 2rem;
	margin: 50px 0 50px 50.5%;
}
.case_contain1 h3 {
	width: 10%;
	height: auto;
	float: left;
	font-size: 1.9rem;
	margin-top: 5rem;
	font-weight: 300;
}

.case_contain1>p {
	width: 30%;
	float: left;
	height: auto;
	line-height: 2rem;
	margin-left: 45%;
	letter-spacing: 1px;
	font-size: 1rem;
	margin: 50px 0 50px 22%;
}

.case_contain ul {
	width: 80%;
	height: auto;
	float: left;
	margin: 0 10% 6rem 10%;
}

.case_contain ul li{
	float: left;
	height: auto;
	margin-right: calc(4% / 3);
	margin-top: 6rem;
	width: 24%;
}
.case_contain ul li:nth-child(4n){
	margin-right: 0;
}
.case_contain ul li a {
	overflow: hidden;
	width: 100%;
	display: block;
	height: auto;
	float: left;
}

.case_contain>ul>li>a>img {
	width: 100%;
	height: 36rem;
	z-index: 1;
	float: left;
}
.case_div{
	float: left;
	margin-left: 15%;
	height: auto;
	padding: 2rem 2rem;
	background: url(../../images/home/case_title.png);
	background-size: 100% auto;
	margin-top:3rem;
}
.case_div p{
	color:white;
	font-size: 1.5rem;
	line-height: 2rem;
}
.case_contain ul li h5 {
	color: #9d9d9d;
	padding: 0.5rem 0 0 0;
	font-size: 1.5rem;
	float: left;
	width: 100%;
	font-family: 'synl';
	margin-top:0.5rem;
	letter-spacing: 2px;
	height: auto;
}

.case_contain ul li p {
	color: #9d9d9d;
	font-size: 1rem;
	float: left;
	width: 100%;
	margin-top:0.5rem;
	height: auto;
	letter-spacing: 1px;
}

.a1 .fuzhao {
	width: 100%;
	float: left;
	height: 36rem;
	margin-top: -36rem;
	z-index: 2;
	background-color: rgba(105, 106, 107, 0.7);
	background-image: url(../../images/home/case_ico.png);
	background-repeat: no-repeat;
	background-size: 10% auto;
	background-position: 50% 50%;
	display: none;
}

.a2 .fuzhao {
	width: 100%;
	float: left;
	height: 36rem;
	margin-top: -36rem;
	z-index: 2;
	background-color: rgba(105, 106, 107, 0.7);
	background-image: url(../../images/home/case_ico.png);
	background-repeat: no-repeat;
	background-size: 20% auto;
	background-position: 50% 50%;
	display: none;
}

.case_contain ul li:hover .fuzhao {
	display: block;
}

.case_contain ul li:hover h5 {
	color: black;
}

.case_contain ul li:hover p {
	color: black;
}

.case_contain>h4 {
	float: left;
	width: 35%;
	color: #1a1a1a;
	margin-top: 5rem;
	margin-left: 10%;
	font-size: 1rem;
	font-family: sylight;
	line-height: 2rem;
	letter-spacing: 0.8px;
	font-weight: 100;
}

.nav_news {
	width: 70%;
	height: auto;
	padding: 3rem 0;
	margin-top: -5rem;
	float: left;
	background: #f6f6f6;
	margin-left: 15%;
}

.nav_news h1 {
	text-align: center;
	width: 36%;
	padding: 0 32%;
	height: auto;
	float: left;
	font-size: 3rem;
	font-weight: 100;
	line-height: 5rem;
	font-family: sylight;
}
.nav_news h1 img{
	float: left;
	width: 75%;
	height: auto;
}
.nav_news h1 .news_span{
	font-size: 1.6rem;
	float: right;
}
.nav_news h1 span {
	text-transform: uppercase;
	font-family: syme;
	font-weight: bold;
}

.nav_news ul {
	width: 40%;
	height: auto;
	text-align: center;
	float: left;
	margin-left: 30%;
	margin-top: 2rem;
}

.nav_news ul li {
	float: left;
	width: calc(100% / 3);
	text-align: center;
}

.nav_news ul li a {
	font-family: sybold;
	color: #9d9d9d;
	font-size: 1.3rem;
	font-weight: 600;
	padding: 0 0 0.5rem 0;
}

.nav_news ul li a span {
	font-family: sylight;
	font-weight: 100;
}

.nav_news ul li a:hover {
	color: black;
	border-bottom: 3px solid black;
}

.new_active a {
	color: black!important;
	border-bottom: 3px solid black;
}

.news_contain {
	width: 60%;
	height: auto;
	float: left;
	margin-left: 20%;
	padding: 5rem 0 10rem 0;
}

.news_contain ul {
	width: 100%;
	height: auto;
	float: left;
}

.news_contain ul li {
	width: 49.5%;
	height: auto;
	float: left;
	margin-right: 1%;
	margin-top: 5rem;
	background: #f0f0f0;
}

.news_contain ul li:nth-child(2n) {
	margin-right: 0;
}

.new_contain_title {
	width: 60%;
	height: auto;
	float: left;
	padding: 4rem 10% 4rem 10%;
}

.new_contain_title h3 {
	text-align: left;
	width: 95%;
	height: 5rem;
	float: left;
	margin-right: 5%;
	font-size: 1.5rem;
	font-weight: 100;
	margin-bottom: 1rem;
}

.new_contain_title h3 span {
	font-family: sybold;
	font-weight: 600;
}

.news_contain>ul>li>div>img:hover {
	transform: scale(1.1);
	transition-duration: 1.5s;
}

.new_contain_title p {
	width: 100%;
	height: 6rem;
	float: left;
	margin-right: 0%;
	font-size: 1rem;
	color: #5f5f5f;
	line-height: 2rem;
	text-align: justify;
}

.new_img {
	width: 8%;
	height: auto;
	float: left;
	padding: 1.6rem 0;
	border-radius: 50%;
	background: #000000;
	margin-top:9rem;
}

.new_img img {
	width: 50%;
	margin: 0 25%;
}

.new_img a:hover img {
	margin: 0 15% 0 35%;
}

.page {
	margin: 4rem auto 0 auto;
}
.page-num-current{
	background: #000000!important;
	color:white!important;
}
/* .page a {
	padding: 0.5rem 1rem;
	border: 1px solid #000000;
	margin-right: 1rem;
	color: #000000;
}
.page a:hover{
	background: #000000;
	color:white;
} */

.news_contain>h1 {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 2rem;
	font-family: sylight;
	font-weight: 100;
}

.news_contain>h1>span {
	font-weight: 600;
	font-family: sybold;
}

.news_center {
	width: 100%;
	height: auto;
	margin-top: 10rem;
}

.news_center img {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
}

.news_center p {
	color: #4d4d4d;
	font-size: 1rem;
	line-height: 2rem;
	padding: 1rem 0;
}

.new_a {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 15rem;
}

.new_a ul>li {
	width: 100%;
	height: 2rem;
	float: left;
	padding: 1rem 0;
	margin-top: 0;
}

.new_a ul>li img {
	height: 100%;
	width: auto;
	float: left;
}

.new_a ul>li a {
	color: #4d4d4d;
	line-height: 2rem;
	font-size: 1.5rem;
	border-bottom: 1px solid #000000;
	margin-left: 1%;
}

.contact_banner {
	width: 100%;
	height: auto;
	float: left;
	padding: 15rem 0;
}

.contact_banner h1 {
	width: 35%;
	height: auto;
	float: left;
	margin-left: 10%;
	font-size: 5rem;
	font-weight: 100;
	z-index: 2;
	margin-top: 25rem;
	letter-spacing:-5px;
	letter-spacing: 1px;
	font-family: 'syme;
}

.contact_banner h1 span {
	font-weight: 600;
	letter-spacing:0px;
	font-size: 6rem;
}

.contact_banner img {
	width: 80%;
	float: right;
	margin-left: -25%;
	height: auto;
	z-index: 1;
}

.contact_banner h4 {
	float: left;
	width: 10%;
	margin-left: 10%;
	font-size: 2rem;
	font-weight: 100;
	margin-top: 3rem;
}

.contact_center {
	width: 60%;
	height: auto;
	margin-left: 20%;
	float: left;
}

.contact_center_left {
	width: 49%;
	height: auto;
	margin-right: 2%;
	float: left;
	border-top: 1px solid #000000;
	padding-top: 6rem;
}

.contact_center_right {
	width: 49%;
	height: auto;
	float: left;
	border-top: 1px solid #000000;
	padding-top: 6rem;
}

.contact_center_left ul li {
	width: 100%;
	float: left;
	height: 2rem;
	line-height: 2rem;
	margin: 1rem 0;
	font-size: 1.5rem;
}

.contact_center_left ul li img {
	height: 100%;
	width: auto;
	float: left;
	margin-right: 5%;
}

.contact_center_left>img {
	width: 15%;
	height: auto;
	float: left;
	margin-top: 2rem;
}

.contact_center_right p {
	font-size: 1rem;
	line-height: 2rem;
	color: #4d4d4d;
	width: 100%;
	height: auto;
	float: left;
}

.contact_center_right p:nth-child(2) {
	margin-top: 2rem;
	text-align: justify;
}

.contact_center_right img {
	width: 25%;
	height: auto;
	float: left;
	margin-top: 4rem;
}

.contact_liuyan {
	width: 100%;
	float: left;
	height: auto;
	background: #333333;
	padding: 8rem 0;
	margin-top: 10rem;
}

.liuyanban {
	width: 60%;
	height: auto;
	float: left;
	margin-left: 20%;
}

.liuyanban_left {
	width: 50%;
	height: auto;
	float: left;
}

.liuyanban_left h1 {
	font-size: 2rem;
	color: white;
}

.liuyanban_left p {
	font-size: 1rem;
	color: white;
	margin-top: 2rem;
}

.liuyanban_right {
	width: 50%;
	height: auto;
	float: left;
}

.name_input {
	width: 35%;
	height: auto;
	float: left;
}

.tel_input {
	width: 63%;
	height: auto;
	float: left;
	margin-left: 2%;
}

.liuyan_input {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 3rem;
}

.liuyanban_right p {
	font-family: sybold;
	font-size: 1.2rem;
	color: #ebebeb;
	padding:0 0 1.5rem 0 ;
}

.liuyanban_right p span {
	font-size: 1.2rem;
	font-family: 'sylight';
	letter-spacing: 2px;
	color: white;
}

.liuyanban_right input {
	width: calc(100% - 2px);
	border: 1px solid white;
	height: 2rem;
	background: #838383;
	outline: none;
	color:white;
}

.liuyanban_right textarea {
	width: calc(100% - 2px);
	border: 1px solid white;
	height: 6rem;
	background: #838383;
	outline: none;
	color:white;
}

.liuyanban_right button {
	float: left;
	width: 30%;
	margin-right: 5%;
	height: 3rem;
	border: none;
	outline: none;
	line-height: 3rem;
	text-align: center;
	margin-top: 6rem;
	background: #b6b6b6;
	font-size: 1rem;
}
.liuyanban_right button span{
	font-weight: bold;
}
.product_banner {
	width: 60%;
	float: left;
	margin-left: 20%;
	height: auto;
	padding: 8rem 0;
}

.product_banner_left,
.product_banner_right {
	width: 50%;
	height: auto;
	float: left;
}
.banner_left1{
	width: 100%!important;
	height: auto;
	float: left;
}
.product_banner_left h1 {
	font-size: 5.5rem;
	font-family: 'sylight';
	font-weight: 10;
	float: left;
	width: 100%!important;
	margin-bottom: 2rem;
}

.product_banner_left h1 span {
	font-family: 'syre';
	font-weight: 600;
	font-size: 5rem;
	text-transform: uppercase;
}

.product_banner_right p {
	width: 100%;
	height: auto;
	float: left;
	letter-spacing: 1px;
	line-height: 3rem;
	font-size: 1rem;
	color: #4d4d4d;
	font-family: sylight;
	margin-top: 3rem;
}

.product_banner_left h3 {
	font-size: 2.5rem;
	float: left;
	width: 20%;
	height: auto;
	font-weight: 500;
	line-height: 3.5rem;
}

.product_banner_right .product_p {
	font-size: 2rem;
	width: 20%;
	padding: 0;
	margin: 2.5rem 80% 0 0;
	text-align: left;
	float: left;
	font-weight: bold;
}

.banner_right_a {
	width: 80%;
	height: auto;
	float: left;
	margin: 1.5rem 0 0 0;
}
.banner_right_a ul{
    width: 100%;
}
.banner_right_a ul li{
    	border: 1px solid #000000;
	    border-radius: 2rem;
        margin-top: 2rem;
        width: calc(19% - 2px);
    	text-align: center;
	    padding: 0.8rem 0;
        float: left;
    	height: auto;
    	margin-right: calc(5% / 4);
}
.banner_right_a ul li:nth-child(5n){
        margin-right: 0;
 }
.banner_right_a a{
	font-size: 1rem;
	color: #000000;

}

.banner_right_a li:hover{
	background: #000000;
}
.banner_right_a li:hover a{
	color: white;
}
.banner_right_a li.active {
	background: #000000;
}
.banner_right_a a.active {
	color: white;
}

.product_banner_left>span {
	display: block;
	float: left;
	border-radius: 50%;
	width: 3.5rem;
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	border: 1px solid #000000;
	margin-left: 5%;
}

.product_banner_left>div {
	width: 30%;
	text-align: center;
	line-height: 3.5rem;
	height: 3.5rem;
	border-radius: 2rem;
	background: #dcbc91;
	float: left;
	margin-left: 2%;
	display: none;
}

.pro_center {
	width: 70%;
	float: left;
	margin-left: 15%;
	height: auto;
	text-align: center;
	padding-bottom: 15rem;
}


/*弹出层样式*/

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	margin-top: 0;
	background: rgba(255, 255, 255, 0.4);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto!important;
	height: 80%!important;
	margin-top: 10%;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}

#zoom .content.loading {
	background-image: url('../images/loading.gif');
}

#zoom img {
	display: block;
	background: #ececec;
	width: auto;
	height: 100%!important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}

#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../images/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}

#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 120px;
	margin-top: -25px;
}

#zoom .previous {
	left: 0;
	background: url('../images/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}

#zoom .next {
	right: 0;
	background: url('../images/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}

#zoom .previous:hover {
	margin-left: -10px;
}

#zoom .next:hover {
	margin-right: -10px;
}

.zoomed>.container {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.gallery {
	float: left;
	width: 100%;
	height: auto;
}

.gallery li {
	float: left;
	width: calc(96% / 3);
	height: auto;
	margin-top: 50px;
	overflow: hidden;
}

.gallery li h3 {
	text-align: center;
	font-family: 'SM';
	font-size: 0.8em;
	width: 100%;
	float: left;
	margin-top: 35px;
}

.gallery li a {
	overflow: hidden;
	width: 100%;
	height: auto;
	display: block;
}

.gallery li img {
	width: 100%;
	height: auto;
}

.gallery li img:hover {
	transform: scale(1.2);
	transition-duration: 0.5s;
}

.case_swiper {
	float: left;
	width: 70%;
	margin: 6rem 15% 6rem 15%!important;
	height: auto;
}

.case_swiper img {
	width: 100%;
	height: auto;
}

.case_swiper li {
	margin: 0!important;
}

.scrolltab {
	position: relative;
}

.scrolltab .ulBigPic {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0!important;
}

.scrolltab .ulBigPic li {
	width: 100%;
	height: auto;
	display: none;
}

.scrolltab .ulBigPic .liSelected {
	display: block;
}

.scrolltab .ulBigPic img {
	width: calc(100% - 6px);
	border: 1px solid #dedede;
	padding: 2px;
	background-color: #fff;
}

.scrolltab .ulBigPic .sPic {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}

.scrolltab .ulBigPic .sSideBox {
	width: 290px;
	float: right;
	overflow: hidden;
}

.scrolltab .sSideBox span {
	width: 290px;
	display: block;
	overflow: hidden;
}

.scrolltab .ulBigPic .sTitle {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-weight: 700;
	color: #333;
}

.scrolltab .ulBigPic .sIntro {
	line-height: 24px;
	color: #666;
	word-wrap: break-word;
	word-break: break-all;
}

.scrolltab .ulBigPic .sMore {
	height: 24px;
	line-height: 24px;
}

.scrolltab .ulBigPic .sMore a {
	color: #841;
}

.scrolltab .ulBigPic .sTitle a {
	color: #333;
}

.scrolltab .ulBigPic .sTitle a:hover {
	color: #840;
}

.scrolltab .sLeftBtnA,
.scrolltab .sLeftBtnASel,
.scrolltab .sLeftBtnABan,
.scrolltab .sRightBtnA,
.scrolltab .sRightBtnASel,
.scrolltab .sRightBtnABan {
	width: 38px;
	height: 86px;
	display: block;
	position: absolute;
	top: 190px;
	background: url(../../images/home/bgart.png) no-repeat;
}

.scrolltab .sLeftBtnA,
.scrolltab .sLeftBtnASel,
.scrolltab .sRightBtnA,
.scrolltab .sRightBtnASel {
	cursor: pointer;
}

.scrolltab .sLeftBtnA,
.scrolltab .sLeftBtnASel,
.scrolltab .sLeftBtnABan {
	left: 10px;
}

.scrolltab .sLeftBtnA {
	background-position: -5px -2px;
}

.scrolltab .sLeftBtnASel {
	background-position: -80px 0;
}

.scrolltab .sLeftBtnABan {
	background-position: -161px 0;
}

.scrolltab .sRightBtnA,
.scrolltab .sRightBtnASel,
.scrolltab .sRightBtnABan {
	right: 10px;
}

.scrolltab .sRightBtnA {
	background-position: -36px 0;
}

.scrolltab .sRightBtnASel {
	background-position: -116px 0;
}

.scrolltab .sRightBtnABan {
	background-position: -192px 0;
}

.scrolltab .dSmallPicBox {
	width: 100%;
	height: auto;
	margin: 2rem 0 0 0!important;
	position: relative;
}

.scrolltab .dSmallPic {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.scrolltab .dSmallPic ul {
	position: absolute;
}

.scrolltab .dSmallPic li {
	width: 141px;
	height: 95px;
	border: 1px solid #fff;
	padding: 3px 2px 0;
	float: left;
	display: inline;
	cursor: pointer;
	overflow: hidden;
}

.scrolltab .dSmallPic .sPic {
	width: 141px;
	height: 106px;
	display: block;
}

.scrolltab .dSmallPic .sPic img {
	border: 1px solid #ddd;
	padding: 2px;
}

.scrolltab .dSmallPic .sTitle {
	width: 141px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	color: #333;
	overflow: hidden;
}

.scrolltab .dSmallPic .liSelected {
	border-color: #e9c184;
}

.scrolltab .dSmallPic .liSelected .sPic img {
	border-color: #fff;
}
#sLeftBtnB{
		top: 39px;
}
#sRightBtnB{
	top:18px;
}
.scrolltab .sLeftBtnB,
.scrolltab .sLeftBtnBSel,
.scrolltab .sLeftBtnBBan,
.scrolltab .sRightBtnB,
.scrolltab .sRightBtnBSel,
.scrolltab .sRightBtnBBan {
	width: 42px;
	height: 74px;
	display: block;
	position: absolute;

	background: url(../../images/home/bgart.png) no-repeat;
}

.scrolltab .sLeftBtnB,
.scrolltab .sLeftBtnBSel,
.scrolltab .sRightBtnB,
.scrolltab .sRightBtnBSel {
	cursor: pointer;
}

.scrolltab .sLeftBtnB,
.scrolltab .sLeftBtnBSel,
.scrolltab .sLeftBtnBBan {
	left: -60px;
}

.scrolltab .sLeftBtnB {
	background-position: 0 -174px;
}

.scrolltab .sLeftBtnBSel {
	background-position: -84px -174px;
}

.scrolltab .sLeftBtnBBan {
	background-position: -84px -174px;
}

.scrolltab .sRightBtnB,
.scrolltab .sRightBtnBSel,
.scrolltab .sRightBtnBBan {
	right: -60px;
}

.scrolltab .sRightBtnB {
	background-position: -42px -174px;
}

.scrolltab .sRightBtnBSel {
	background-position: -125px -174px;
}

.scrolltab .sRightBtnBBan {
	background-position: -125px -174px;
}
.index_1{
	width: 100%;
	height: 60rem;
	background:url(../../images/home/index_ck.jpg) 100% 100% no-repeat fixed;
}

.contact_banner h1 img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 3%;
}
.about_video{
	width: 100%;
	height: 60rem;
	float: left;
	background: url(../../images/home/gif.jpg) 100% 100% no-repeat fixed;
}
.about_video img{
	width: 100%;
	height: auto;
}
/* 视频播放*/
.recruitmentfloat {
	display: none;
	z-index: 110;
	width: 100%;
	position: fixed;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	left: 0px;
	top: 0px;
}

.tianjiatvwrap {
	width: 50%;
	margin: 0 auto;
	position: absolute;
	top: 40%;
	left: 25%;
	margin-top: -125px;
}

.tianjiatvwrap .videobox {
	height: 500px;
	position: relative;
	z-index: 1;
}

.recclosebtn {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 15px;
	top: -5px;
	cursor: pointer;
	z-index: 100;
	margin: -20px -20px 0 0;
	z-index: 9;
}

.recclosebtn:before {
	content: '';
	position: absolute;
	top: 10px;
	width: 20px;
	height: 2px;
	background-color: #FFF;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.recclosebtn:after {
	content: '';
	position: absolute;
	top: 10px;
	width: 20px;
	height: 2px;
	background-color: #FFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.about_btn{
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
.about_btn dl dt>img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
.about_btn dl{
	z-index: 1;
}

.about_btn_div{
	width:5%;
	height: auto;
	float: left;
	margin:-43rem 47.5% 0 47.5%;
	z-index: 10;
	opacity: 0;
}
.about_btn:hover .about_btn_div{
	opacity: 1;
	transition-duration: 0.5s;
	
}
.about_btn_div>img{
	z-index: 10;
	width: 100%;
	position: relative;
	height: auto;
}
#video {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 74%;
	height: 100%;
	margin-left: 13%;
	margin-top:5rem;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}

.pageController{text-align:center;padding-top:20px;width:90%;margin:0px auto;}
.pageController .pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.pageController .pagination a,.pageController .pagination span{display:block;padding:0.5rem 1rem;border:1px solid #000000;margin-right:1rem;color:#000000;}
.pageController .pagination a:hover,.pageController .pagination .active span{background:#000000;color:white;}


.sub_page,.sub_page_blank{margin-top:8rem;}
.sub_body{background-color:#dcdcdc;}
.sub_menu{width:100%;display:flex;flex-wrap:wrap;justify-content:center}
.sub_menu li{width:190px;text-align:center;height:70px;line-height:70px;font-size:16px;}
.sub_menu li a{display:block;}
.sub_menu li:hover{background-color:rgba(88,88,88,0.8);color:#FFF;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.sub_menu li:hover a{color:#FFF;}
.sub_menu_on{background-color:rgba(88,88,88,0.8);color:#FFF;}
.sub_menu_on a{color:#FFF;}
@media screen and (max-width:768px){
    .sub_menu li{padding:10px 15px 10px 15px; text-align:center;width: auto;height:auto;font-size:12px;line-height:16px; border-right: #dcdcdc 1px double;  }
}
.limitless_body{width:100%;left:0;margin:50px auto 20px;max-width:1360px;overflow:hidden;}

.aboutus_image{position:relative;}
.aboutus_image>img{width:100%;}
.aboutus_image>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.aboutus_content{margin-top:50px;display:flex;justify-content:space-between;}
.aboutus_content .aboutus_text{position:relative;width:42%;}
.aboutus_content .aboutus_text>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size:16px;line-height:30px;}
.aboutus_content .aboutus_text_title{font-size:22px;line-height:22px;font-weight:600;color:#393939;display:flex;align-items:flex-end;}
.aboutus_content .aboutus_text_title>img{margin-right:5px;width:auto;}
.aboutus_content .aboutus_text_ex_title{font-size:22px;font-weight:400;letter-spacing:3px;margin-bottom:50px;color:#393939;}
.aboutus_dl{clear:both;display:block;margin-top:100px;position:relative;overflow:hidden;}
.aboutus_dl>dl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;}
.aboutus_dl .aboutus_text_title,.aboutus_dl .aboutus_text_ex_title{text-align:center;color:#fff;}
.aboutus_dl .aboutus_text_title{font-size:30px;font-weight:300;margin-bottom:20px;}
.aboutus_dl .aboutus_text_ex_title{font-size:14px;letter-spacing:0;text-transform:uppercase;}
.aboutus_dl dt{position:relative;padding-bottom:40px;}
.aboutus_dl dt::after{content:'';width:46px;height:2px;background-color:#b5b5b5;position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);}
.aboutus_dl dd{max-width:670px;text-align:center;font-size:14px;line-height:24px;padding-top:40px;}
.aboutus_ul{padding-top:120px;padding-bottom:120px;overflow:hidden;}
.aboutus_ul .aboutus_text_title,.aboutus_ul .aboutus_text_ex_title{text-align:center;}
.aboutus_ul .aboutus_text_title{font-size:20px;font-weight:300;margin-bottom:0px;}
.aboutus_ul .aboutus_text_ex_title{font-size:14px;letter-spacing:0;text-transform:uppercase;}
.aboutus_ul>ul{padding-top:100px;display:flex;justify-content:space-between;}
.aboutus_ul>ul a{padding:0px;margin:0px;display:block;}
@media screen and (max-width:768px){
	.aboutus_content{flex-wrap:wrap;}
    .aboutus_content .aboutus_img{width:100%;height:320px;overflow:hidden;}
	.aboutus_content .aboutus_text{width:100%;}
    .aboutus_content .aboutus_text>div{position:unset;transform:unset;-webkit-transform:unset;font-size:12px;line-height:20px}
    .aboutus_content .aboutus_text_title{font-size:16px;text-align:center;margin-bottom:0px;align-items:center;flex-direction:column}
    .aboutus_content .aboutus_text_title>img{display:block;margin: 0px auto 5px;}
    .aboutus_content .aboutus_text_ex_title{font-size:14px;margin-bottom:10px;letter-spacing:1px;text-align:center;}
    .aboutus_dl{margin-top:50px;}
	.aboutus_dl>dl{position:unset;transform:translate(0%,0%);color:#393939;}
    .aboutus_dl .aboutus_text_title,.aboutus_dl .aboutus_text_ex_title{color:#393939;}
    .aboutus_dl .aboutus_text_title{font-size:16px;margin-bottom:5px;}
	.aboutus_dl .aboutus_text_ex_title{font-size:12px;}
	.aboutus_dl dt{padding-bottom:10px;padding-top:20px;}
	.aboutus_dl dd{padding-top:10px;margin:0px auto;font-size:12px;line-height:18px;}
	.aboutus_ul{padding-top:50px;padding-bottom:50px;}
	.aboutus_ul .aboutus_text_title{font-size:16px;margin-bottom:5px;}
	.aboutus_ul .aboutus_text_ex_title{font-size:12px;}
	.aboutus_ul>ul{padding-top:20px;flex-direction:column;margin:0px auto;}
	.aboutus_ul>ul>li{margin-bottom:10px;}
	.aboutus_ul>ul img{width:100%;}
}
.aboutus_img img{display:block;width:100%;}
.aboutus_text>div{width:90%;margin:0px auto;padding:10%;font-size:14px;}
@media screen and (max-width:768px){.aboutus_text>div{width:100%;padding:0px;}}
.aboutus_fontt{display:block;line-height:35px;font-size:22px;color:#575758;}
.aboutus_fonte{display:block;line-height:25px;font-size:22px;font-family:basefont;color:#c4c4c4;}

.limitless_news{overflow:hidden;}
.limitless_news .limitless_news_title,.limitless_news .limitless_news_ex_title{text-align:center;}
.limitless_news .limitless_news_title{font-size:20px;font-weight:300;margin-bottom:0px;}
.limitless_news .limitless_news_ex_title{font-size:14px;letter-spacing:0;text-transform:uppercase;}
.limitless_news>ul{padding-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.limitless_news>ul>li{width:22%;margin-bottom:50px;}
.limitless_news>ul>li .limitless_news_pic{padding-top:79%;background-repeat:no-repeat;background-size:cover;background-position:center;}
.limitless_news>ul>li a:hover .limitless_news_pic{opacity:0.5;}
.limitless_news>ul>li h1{font-size:18px;font-weight:400;line-height:40px;padding-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.limitless_news>ul>li p{padding-top:10px;padding-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.limitless_news>ul>li span{display:flex;align-items: center;}
.limitless_news>ul>li span>img{width:70px;margin-left:20px;}
@media only screen and (max-width:1280px ) {
	.limitless_news>ul>li{width:48%;margin-bottom:30px;}
	.limitless_news>ul>li h1{font-size:14px;padding-top:0px;}
	.limitless_news>ul>li p{padding-top:0px;padding-bottom:10px;}
}

.case_title{text-align:center;margin-bottom:20px;}
.case_title>h1{font-size:18px;}
.case_content{line-height:24px;}
@media only screen and (max-width:1280px ) {
	.pro_detail_k{width:90%;margin:0px auto;}
}

.contact{margin-top:10px;margin-bottom:50px;padding-left:15px;padding-right:15px;}
.contact h4{font-size:18px;font-weight:bold;padding-bottom:5px;}
.contact p,.contact b,.contact strong,.contact div{font-size:14px;}
.contact_item>b{width:30px;float:left;}
.contact_item>div{width:calc(100% - 30px);float:right;}
.contact .p-b-10{padding-bottom:10px;}
.contact .p-b-20{padding-bottom:20px;}
.contact .p-b-30{padding-bottom:30px;}
.contact .p-b-50{padding-bottom:50px;}
.contact .p-b-60{padding-bottom:60px;}
.contact .p-b-70{padding-bottom:70px;}
.wrap-input label{display:block;font-size:12px;margin-bottom:2px;min-height: 20px;}
.wrap-input input,.wrap-input select,.wrap-input textarea{border:1px solid #1e1e1e;height:48px;line-height:48px;font-size:14px;padding:0 10px;width:100%}
.wrap-input textarea{resize:none;overflow:hidden;height:106px;line-height:1.4;font-family:'Raleway',sans serif;font-size:16px;padding-top:10px;padding-bottom:10px}
.wrap-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}
.wrap-input .g-recaptcha{padding-top:20px;}
.wrap-input .g-recaptcha img{height:50px;cursor:pointer;}
.wrap-legal{margin-bottom:20px}
.wrap-legal label{font-size:14px}
.wrap-legal a{color:#1e1e1e;text-decoration:underline}
.wrap-input .cta{margin-top:20px}
.cta img{height:48px;margin-top:2px;}
.error-msg,.sent-msg{font-weight:600;}
#frmLogin .error-msg{margin-top:10px;font-size:15px;line-height:1.1}
.error-msg{color:#c10202}
#confirmbtn{width:100%;height:48px;background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;}
.sent-msg{margin-bottom:50px;}
@media screen and (max-width:768px){
	.contact{padding-left:0px;padding-right:0px;}
	.contact .row:not(.no-gutter) [class*=col-] {margin-bottom: 0px;}
    .wrap-input input,.wrap-input select,.wrap-input textarea{height:32px;line-height:32px;}
    .wrap-input textarea{height:80px;}
    .cta label{min-height:0px;}
    #confirmbtn{height:32px;}
}

.join_content{max-width:1200px;margin:50px auto 0px;background-color:#d2d2d2;overflow:hidden;}
.join_content .aboutus_text_title{font-size:28px;line-height:28px;}
.join_content .aboutus_text_ex_title{font-size:14px;letter-spacing:0px;}
.join_pic{margin:120px auto 0px;overflow:hidden;}
@media screen and (max-width:768px){
	.join_content{background-color:unset;margin:0px auto 0px;}
	.join_content .aboutus_text_title{font-size: 16px;}
	.join_pic{margin:50px auto 0px;}
}

.join_process{max-width:1400px;margin:200px auto;overflow:hidden;}
.join_process_text_title{font-size:20px;font-weight:300;margin-bottom:0px;}
.join_process_text_ex_title{font-size:16px;letter-spacing:0;text-transform:uppercase;}
.join_process>ul{display:flex;justify-content:space-between;margin:80px auto 0px;position:relative;}
.join_process>ul::before{content:'';background-color:#a1a1a1;position:absolute;top:calc(50% - 1px);left:2px;width:calc(100% - 4px);height:2px;}
.join_process>ul>li{position:relative;width:130px;height:130px;padding:10px;border-radius:50%;overflow:hidden;background-color:#e0e0e0;font-size:16px;color:#2a2a2a;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;}
@media screen and (max-width:900px){
	.join_process{margin:50px auto;}
	.join_process_text_title{font-size:16px;margin-bottom:5px;}
	.join_process_text_ex_title{font-size:12px;}
	.join_process>ul{margin-top:20px;flex-wrap:wrap;}
	.join_process>ul::before{display:none;}
	.join_process>ul>li{margin-bottom:10px;width:100px;height:100px;font-size:12px;}
}

.join_content2{display:flex;background-color:#d2d2d2;overflow:hidden;}
.join_content2 .aboutus_img{width:64%;}
.join_content2 .aboutus_text{width:36%;display:flex;flex-direction:column;justify-content:center;color:#2e2e2e;line-height:24px;}
.join_content2 .join_process_text_title{line-height:30px;font-size:24px;}
.join_content2 .join_process_text_ex_title{margin-bottom:50px;line-height:30px;font-size:14px;}
@media screen and (max-width:900px){
	.join_content2{flex-wrap:wrap;}
	.join_content2 .aboutus_img{width:100%;}
	.join_content2 .aboutus_text{width:90%;margin:10px auto;}
	.join_content2 .join_process_text_title{line-height:24px;font-size:16px;}
	.join_content2 .join_process_text_ex_title{margin-bottom:20px;line-height:14px;font-size:12px;}
}

.join_dl{margin:200px auto 100px;overflow:hidden;}
.join_dl>dt{font-size:30px;color:#2e2e2e;text-align: center;text-transform:uppercase;margin-bottom:50px;}
@media screen and (max-width:900px){
	.join_dl{margin:50px auto 20px;}
	.join_dl>dt{font-size:18px;margin-bottom:10px;}
}

.product_body{display:flex;max-width:100%;margin-top:0px;margin-bottom:0px;}
.product_body>.menu{width:310px;background-color:#dcdcdc;text-align:center;}
.product_body>.menu>ul{width:180px;margin:120px auto;}
.product_body>.menu>ul>li>a{font-size:18px;color:#282828;display:block;padding:10px 0px;border-bottom:1px #898989 solid;}
.product_body>.menu>ul>li>ul{width:90%;margin:20px auto 50px;}
.product_body>.menu>ul>li>ul>li>a{font-size:14px;color:#615c5c;display:block;padding:5px 0px;margin-bottom:2px;}
.product_body>.menu>ul>li>ul>li>a:hover,.product_body .menu>ul>li>ul>li>a.on{background-color:#ababab;}
.product_body .product_list{width:calc(100% - 310px);padding:20px;}
.product_body .pageController{margin-top:30px;}
.product_list_li_p{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:24px;margin-top:5px;margin-bottom:10px;}
@media screen and (max-width:900px){
	.product_body>.menu{display:none;}
	.product_body .product_list{width:100%;}
}
.product-view{width:100%;max-width:1300px;margin:0 auto;padding-left:15px;padding-right:15px;overflow:hidden;}
.product-view .product_p{font-size:2rem;padding:0;margin-top:2.5rem;margin-bottom:1.5rem;text-align:center;font-weight:bold;}
.product-view>.menu{margin-bottom:1.5rem;display:none;}
.product-view>.menu a{font-size:1rem;color:#000000;display:block;float:left;width:calc(19% - 2px);margin-right:calc(5% / 4);border:1px solid #000000;border-radius:2rem;margin-top:1rem;padding:0.8rem 0;text-align:center;}
.product-view>.menu li.on a,.product-view .menu a:hover{background-color: #000;color: #fff;}
.product-view>.menu::after{content:'';display: block;clear: both;}
.product-view .detail{margin-top:5px;margin-bottom:10px;}
@media screen and (max-width:900px){
	.product-view>.menu{display: block;}
	.product-view>.menu a{width:calc(94% / 3 - 2px);margin-right:2%;}
}